// http://ionicframework.com/docs/v2/theming/
// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.

// ww .toolbar {
//     padding: 4px;
//     min-height: 44px;
// }

// .toolbar-title-ios {
//     text-align: center;
//     font-size: 1.6rem;
//     font-weight: normal;
//     color: #fff;
//     pointer-events: auto;
// }

//  ww
// .item {
//     font-size: 1.5rem;
//     color: #000
// }

.content {  //无内容时的背景
    // color: #fff;
    background-color: #f3f3f3;
    overflow: hidden;
    // background:url('../assets/main/appBkg.jpg')  repeat ; 
    
}

.bg-style {
    background: #f3f3f3;
}

#spinner {
    position: fixed !important;
    top: calc(50% - 80px);
    left: calc(50% - 40px);
    margin-left: -55px;
    text-align: center;
}

body.hide-on-keyboard-open .scroll-content {
    margin-bottom: 0px !important;
}

body.hide-on-keyboard-open .footer {
    display: none;
}

.button-inner {
    font-size: 16px;
}

.back-button-icon-ios {
    font-size: 3rem;
}

.back-button-text {
    margin-top: -3px;
}

 

.toast-message {
  color:#fff; 
  background: #ff0000;
 
  background-color:rgba(255,255,255,0.3)
}
 
.modal-wrapper{
    position: absolute;
    // width: 80%;
    // height: 50%;
    top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
    background: rgba(0,0,0,0)!important;
    
    }
    @media (min-width: 300px) and (min-height: 500px) {
    ion-modal ion-backdrop {
    visibility: visible; } 
    }
    


    .toolbar-background-ios{
        background-color: #FF5D5D
    }
// http://blog.giscafer.com/2017/06/27/ionic3-tab-custom-icon/

// <ion-tabs #mainTabs [selectedIndex]="mySelectedIndex">
// <ion-tab [root]="homeView" tabTitle="首页" tabIcon="tab-home"></ion-tab>
// <ion-tab [root]="taskView" tabTitle="任务" tabIcon="tab-task"></ion-tab>
// <ion-tab [root]="courseView" tabTitle="师傅学院" tabIcon="tab-master"></ion-tab>
// <ion-tab [root]="userCenterView" tabTitle="我的" tabIcon="tab-my"></ion-tab>
// <ion-tab [root]="demoView" tabTitle="DEMO" tabIcon="bug"></ion-tab>
// </ion-tabs>@media only screen and (min-height: 768px) and (min-width: 768px)
@media only screen and (min-height: 768px) and (min-width: 768px){
    .modal-wrapper {
        width: 100%;
        height: 100%;
    } 
}
html {
    font-size : 10px;
}
@media only screen and (min-width: 401px){
    html {
        font-size: 11.5px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 12.5px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 15px !important; 
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 17.5px !important; 
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 20px !important; 
    }
}

/*设置所有的头部的回退按钮 的样式 在头部里面没有加img标签的*/
ion-header ion-navbar button .ion-ios-arrow-back:before{
    content: '';
    width: 9px;
    height: 17px;
    background-image: url(./../assets/img/back.png);
    background-size: 9px 17px;
    position: absolute;
    top: 8px;
    left: 5px;
}
/*定义 全局的回退按钮的样式 在头部里面有加img标签的*/
ion-header ion-navbar ion-buttons button img{
    width:9px;
    height:17px;
} 